<template>
    <div class="demo-split">
<!--        <Split mode="vertical" :max="550">-->
            <div slot="top" class="demo-split-pane">
                <Carousel autoplay>
                    <Carousel-item v-for="item in imgList">
                        <div class="demo-carousel">
                            <img class="goodsAttr" :src="item.img_url" alt=""/>
                        </div>
                    </Carousel-item>

                </Carousel>
            </div>
<!--        </Split>-->
    </div>
</template>
<!--group1/M00/00/00/rBET6F6K2tOAZDrOAAIk2o-IRdg899.jpg-->
<!--group1/M00/00/00/rBET6F6K2vKAWZezAAIJ0jQAbbE175.jpg-->
<!--group1/M00/00/00/rBET6F6K2wWAb-N2AAFQoMg60X8544.jpg-->
<script>
    export default {
        name: "CarouselGoods",
        data() {
            return {
                imgList: [
                    {
                        img_url: 'http://39.108.137.115/group1/M00/00/00/rBET6F6K2tOAZDrOAAIk2o-IRdg899.jpg'
                    },
                    {
                        img_url: 'http://39.108.137.115/group1/M00/00/00/rBET6F6K2vKAWZezAAIJ0jQAbbE175.jpg'
                    },
                    {
                        img_url: 'http://39.108.137.115/group1/M00/00/00/rBET6F6K2wWAb-N2AAFQoMg60X8544.jpg'
                    }
                ]
            };
        }
    }
</script>

<style scoped>
    .goodsAttr {
        height: 532px;
        width: 438px;
    }
    .demo-split{
        height:  570px;
    }
</style>
